<template>
  <div class="menu">
    <!-- 搜索区域 -->
    <PageSearch @newSearchEvent="handlerSearch" :searchFormConfig="searchFormConfig" />

    <!-- 数据展示区 -->
    <page-table ref="pageTableRef" :pageTabelConfig="pageTabelConfig" page-name="Menu"></page-table>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue"
import { pageTabelConfig } from "./config/menu.config"
import PageTable from "@/components/page-table"
import PageSearch from "@/components/page-search"
import { searchFormConfig } from "./config/search.config"
import { handlerSearch, pageTableRef } from "@/hook/usePageSearch"
export default defineComponent({
  name: "XT-menu",
  components: {
    PageTable,
    PageSearch,
  },
  setup() {
    return {
      pageTabelConfig,
      searchFormConfig,
      handlerSearch,
      pageTableRef,
    }
  },
})
</script>

<style scoped></style>
